<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>乐共享-退货页面</title>
<script src="js/html5.js"></script>
<link href="style/base.css" rel="stylesheet" media="screen" />
<link href="style/shopping-cart.css" rel="stylesheet" media="screen" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->

</head>
<body>
<!-- S 顶部迷你导航 -->
<div class="miniNav">
	<div class="inner">
		<p class="welcom-info">欢迎您来到乐共享</p>
		<ul class="quick-nav">
			<li class="user-info">您好，<em>陈美美</em>可用<span>200550</span>积分</li>
			<li class="partner-login"><a href="#">联盟登录</a></li>
			<li><a href="#">广告系统</a></li>
			<li><a href="#">帮助中心</a></li>
		</ul>
	</div>
</div>
<!-- S 顶部迷你导航 -->

<header id="header" class="header">
	<h1 class="logo"><a href="#"><img src="img/logo_144_66.jpg" alt="乐共享" />乐共享</a></h1>
	<div class="city" id="J-city">
		<span class="t">你所在城市</span>
		<em class="cur"><i></i>广州</em>
	</div>
	<section class="search-bar">
		<ul class="search-tab">
			<li class="cur"><a href="#" target="_blank">物品</a></li>
			<li><a href="#" target="_blank">手表</a></li>
			<li><a href="#" target="_blank">饰品</a></li>
			<li><a href="#" target="_blank">服装</a></li>
			<li><a href="#" target="_blank">电器</a></li>
		</ul>
		<div class="search-panel" id="J-search-panel">
			<form action="#" method="post" name="search-form">
				<div class="search-input" id="J-search-input">
					<input type="text" class="input-txt" />
					<b></b>
				</div>
				<input type="submit" class="search-btn" value="搜索" />
			</form>
		</div>
	</section>
</header>


<!-- S 主导航 -->
<nav class="nav">
	<ul class="main-nav">
		<li class="cur"><a href="#">首 页</a></li>
		<li><a href="#">共享良品</a></li>
		<li><a href="#">共享优品</a></li>
		<li><a href="#">共享名品</a></li>
		<li><a href="#">共享奢品</a></li>
		<li><a href="#">共享同城</a></li>
	</ul>
	<ul class="sub-nav">
		<li><a href="#">服装饰品</a></li>
		<li><a href="#">鞋包皮具</a></li>
		<li><a href="#">美容化妆</a></li>
		<li><a href="#">数码家电</a></li>
		<li><a href="#">家居用品</a></li>
		<li><a href="#">食品保健</a></li>
		<li><a href="#">户外文体</a></li>
		<li><a href="#">其 他</a></li>
	</ul>
		
	<!-- S 购物车 -->
	<div class="mini-cart" id="J-mini-cart">
		<a href="#" class="cart-hd">购物车<span>4</span>件<b></b></a>
		<div class="mini-cart-cont">
			<div class="mini-cart-full show" id="J-mini-cart-full">
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-01.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">家居冬日泰迪3D灯家居冬日泰迪灯</a></dd>
					<dd class="num">
						<em class="price">1988.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-02.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">水质自测盒-余氯</a></dd>
					<dd class="num">
						<em class="price">1900.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-02.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">个性纯棉口罩-熊猫憨憨</a></dd>
					<dd class="num">
						<em class="price">19.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<ul class="statistics">
					<li class="collect"><a href="#"><b></b>收藏商品</a></li>
					<li class="total"><em>3</em>件商品 总计<em>40.90</em><span>积分</span></li>
				</ul>
				<div class="mini-cart-act">
					<a href="#" class="checkout">去结算</a>
					<a href="#" class="check">查看购物车&gt;&gt;</a>
				</div>
			</div>
			<div class="mini-cart-empty show" id="J-mini-cart-empty">
				<span>您的购物车中暂时没有商品。</span>
			</div>
		</div>
	</div>
	<!-- E 购物车 -->
</nav>
<!-- E 主导航 -->

<!-- S 购物车大模块 -->
<section class="shopping-pro">
	<!-- 
		已经完成的步骤，在li当中加上suc
		当前步骤，在li当中加上cur
	-->
	<ol class="flow-steps returns-steps">
		<li class="s1 suc">购物车</li>
		<li class="s2 suc">确认订单信息</li>
		<li class="s3 suc">成功提交订单</li>
		<li class="s4 cur">退货</li>
	</ol>
	
	<!-- S 购物车列表 -->
	<div class="returns-info">
		<table class="returns-list">
			<tr class="order-hd">
				<td colspan="7"><span>订单编号：109150697645387</span> <span>成交时间：2011-11-21 09:44</span></td>
			</tr>
			<tr>
				<td><a href="#" target="_blank"><img src="picture/shopping-car-01.jpg" alt="图片描述" /></a></td>
				<td class="commodity">
					<a href="#" target="_blank">【淘金币】Bandari/班得瑞 ZDQ-F6 微电脑双层煮蛋器 蒸蛋器</a>
					<span class="pro-key">颜色分类：灰色 尺码：M</span>
				</td>
				<td>69.00</td>
				<td>10.00</td>
				<td class="integral">
					<em>59.00</em>
					<span class="post-type">(卖家包邮)</span>
				</td>
				<td>
					<a href="#" class="receiving">货品签收</a>
				</td>
				<td class="operate">
					<a href="#" class="ret-act">申请退货</a>
					<span><input type="checkbox" name="checkbox" id="checkbox" /></span>
				</td>
			</tr>
			<tr class="order-hd">
				<td colspan="7"><span>订单编号：109150697645387</span> <span>成交时间：2011-11-21 09:44</span></td>
			</tr>
			<tr>
				<td><a href="#" target="_blank"><img src="picture/shopping-car-01.jpg" alt="图片描述" /></a></td>
				<td class="commodity">
					<a href="#" target="_blank">【淘金币】Bandari/班得瑞 ZDQ-F6 微电脑双层煮蛋器 蒸蛋器</a>
					<span class="pro-key">颜色分类：灰色 尺码：M</span>
				</td>
				<td>69.00</td>
				<td>10.00</td>
				<td class="integral">
					<em>59.00</em>
					<span class="post-type">(卖家包邮)</span>
				</td>
				<td>
					<a href="#" class="receiving">货品签收</a>
				</td>
				<td class="operate">
					<a href="#" class="ret-act">申请退货</a>
					<span><input type="checkbox" name="checkbox" id="checkbox" /></span>
				</td>
			</tr>
		</table>
		<div class="returns-bar">
			<div class="batch">
				<label><input type="checkbox" name="checkbox" id="batch-returns" class="batch-returns" />全选</label><a href="#" target="_blank" class="combine-ret">批量退货</a>
			</div>
			<div class="page-nav">
				<span class="start">上一页</span><a href="#" class="prev">上一页</a><em class="cur">1</em><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a>...<a href="#" class="next">下一页</a><span class="last">下一页</span>
				<span class="page-info"><em class="total">共100页</em>
				到第<input type="text" class="input-txt">页 <button type="button" class="skip">确定</button></span>
			</div>
		</div>
		
		<div class="order-suc-act">
			<a href="#">管理我的订单</a>
			<a href="#">返回首页继续兑换物品</a>
		</div>
	</div>
	<!-- E 购物车列表 -->
	
	<!-- E 成功提交订单后显示 -->
	
</section>
<!-- E 购物车大模块 -->

<!-- S 相关产品 -->
<section class="related-product" id="J-tab">
	<div class="hd">
		<ul class="control">
			<li>猜你喜欢的</li>
			<li>你的收藏</li>
		</ul>
	</div>
	<div class="bd show-area">
		<div class="related-show-list show cur">
			<ul class="clearfix">
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-01.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-02.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-03.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-04.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-05.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
			</ul>
		</div>
		<div class="related-show-list show">
			<p class="txt">无商品的时候，显示这个，下面的ul直接去掉即可！</p>
			<ul class="clearfix">
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-01.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-02.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-03.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-04.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-05.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
			</ul>
		</div>
	</div>
</section>
<!-- E 相关产品 -->

<!-- S 引导区域 -->
<section class="guide">
	<div class="col help-guide">
		<h4>新手上路</h4>
		<ul class="list">
			<li><a href="#" target="_blank">网站购物流程</a></li>
			<li><a href="#" target="_blank">会员积分计划</a></li>
			<li><a href="#" target="_blank">优惠券/礼品卡说明</a></li>
			<li><a href="#" target="_blank">商品兑换券说明</a></li>
			<li><a href="#" target="_blank">常见问题</a></li>
		</ul>
	</div>
	<div class="col pay-guide">
		<h4>如何付款</h4>
		<ul class="list">
			<li><a href="#" target="_blank">支付方式</a></li>
			<li><a href="#" target="_blank">发票制度说明</a></li>
			<li><a href="#" target="_blank">新人支付</a></li>
		</ul>
	</div>
	<div class="col delivery-guide">
		<h4>配送方式</h4>
		<ul class="list">
			<li><a href="#" target="_blank">配送方式</a></li>
			<li><a href="#" target="_blank">货到付款支持城市</a></li>
			<li><a href="#" target="_blank">配送收费标准</a></li>
		</ul>
	</div>
	<div class="col sale-guide">
		<h4>售后服务</h4>
		<ul class="list">
			<li><a href="#" target="_blank">如何办理退换货</a></li>
			<li><a href="#" target="_blank">如何退款</a></li>
			<li><a href="#" target="_blank">联系客服</a></li>
		</ul>
	</div>
	<div class="col join-guide">
		<h4>售后服务</h4>
		<ul class="list">
			<li><a href="#" target="_blank">乐共享招聘</a></li>
			<li><a href="#" target="_blank">加入乐共享设计师</a></li>
			<li><a href="#" target="_blank">加入乐共享代理商</a></li>
			<li><a href="#" target="_blank">加入乐共享供应商</a></li>
			<li><a href="#" target="_blank">成为乐共享校园代理</a></li>
		</ul>
	</div>
	<div class="phone-guide">
		<ul>
			<li><span>客服热线：</span>4008-006-006</li>
			<li class="no-bor"><span>招商热线：</span>4008-006-006</li>
		</ul>
	</div>
</section>
<!-- E 引导区域 -->

<!-- S 合作伙伴 -->
<section class="partner">
	<div class="hd"><h3 class="hd-t">合作伙伴</h3></div>
	<div class="bd">
		<img src="picture/partner-01.jpg" alt="图片描述" />
		<img src="picture/partner-02.jpg" alt="图片描述" />
		<img src="picture/partner-03.jpg" alt="图片描述" />
		<img src="picture/partner-04.jpg" alt="图片描述" />
		<img src="picture/partner-05.jpg" alt="图片描述" />
		<img src="picture/partner-06.jpg" alt="图片描述" />
		<img src="picture/partner-07.jpg" alt="图片描述" />
		<img src="picture/partner-08.jpg" alt="图片描述" />
	</div>
</section>
<!-- E 合作伙伴 -->

<!-- S 尾部 -->
<footer id="footer" class="footer">
	<p class="footer-nav"><a href="#" target="_blank">商城首页</a> | <a href="#" target="_blank">关于卡淘</a> | <a href="#" target="_blank">联系我们</a> | <a href="#" target="_blank">广告服务</a> | <a href="#" target="_blank">卡淘招聘</a> | <a href="#" target="_blank">客服中心</a> | <a href="#" target="_blank">法律声明</a></p>
	<p class="copyright">Copyright &copy; 2011-2012 LGX.All Rights Reserved 乐共享 版权所有</p>
</footer>
<!-- E 尾部 -->

<!-- S 自定义脚本 -->
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.soChange-min.js"></script>
<script src="js/shop-car.js"></script>
<script src="js/tab.js"></script>

<!-- E 自定义脚本 -->
</body>
</html>